<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
    <style>
        .father{
            border: 1px solid red;
            perspective: 150px;
        }
      .demo {
        width: 300px;
        height: 200px;
        border: 1px solid #000;
        margin: 200px auto;
        background-color: aqua;
        box-shadow: 13px 13px 10px 13px rgb(180, 221, 221);
        -webkit-transform: rotateZ(30deg);
        -moz-transform: rotateZ(30deg);
        -ms-transform: rotateZ(30deg);
        -o-transform: rotateZ(30deg);
        transform: rotateZ(30deg);

        /*-webkit-transform: rotateX(30deg);*/
        /*-moz-transform: rotateX(30deg);*/
        /*-ms-transform: rotateX(30deg);*/
        /*-o-transform: rotateX(30deg);*/
        /*transform: rotateX(30deg);*/
      }
    </style>
  </head>
  <body>
    <div class="father">
      <div class="demo"></div>
    </div>
  </body>
</html>
